<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <meta name="screen-orientation" content="portrait" />
    <meta name="x5-orientation" content="portrait" />
    <meta name="wap-font-scale" content="no" />
    <meta name="msapplication-tap-highlight" content="no" />
    <title>对账记录</title>
    <link rel="stylesheet" href="css/reset.css"/>
    <link rel="stylesheet" href="css/reconciliation.css"/>
</head>
<body>
<div class="main-page">
    <header class="header">
        <a href="javascript:;" class="head-tap">
            <span class="head-icon head-left"></span>
        </a>
        <div class="title">
            对账记录
        </div>
        <a href="javascript:;" class="head-tap tap-right">提现</a>
    </header>
    <div class="content">
       <div class="select-wrapper" id="mySelect">
           <div class="select-item" id="myTime" data-id="time">2017年9月</div>
           <div class="select-item" id="myNo" data-id="BillNo">299546134453</div>
       </div>
       <div class="select-content" data-id="myNo" id="BillNo">
           <ul class="option-list">
               <li class="option active">299546134453</li>
               <li class="option">299546134454</li>
               <li class="option">299546134455</li>
               <li class="option">299546134456</li>
           </ul>
       </div>
        <div class="select-content" data-id="myTime" id="time">
            <ul class="option-list">
                <li class="option active">2017年9月</li>
                <li class="option">2017年7月</li>
                <li class="option">2017年6月</li>
                <li class="option">2017年5月</li>
            </ul>
        </div>
       <ul class="rec-list">
           <li class="rec-item">
               <div class="rec-info detail-list">
                   <span class="time left">09 - 02 周六</span>
                   <span class="status right">清分成功</span>
               </div>
               <p class="detail-list">
                   <span class="left">收款金额</span>
                   <span class="right">￥0.51</span>
               </p>
               <p class="detail-list">
                   <span class="left">应划款金额</span>
                   <span class="right">￥0.51</span>
               </p>
           </li>
           <li class="rec-item fail">
               <div class="rec-info detail-list">
                   <span class="time left">09 - 02 周六</span>
                   <span class="status right">清分失败</span>
               </div>
               <p class="detail-list">
                   <span class="left">收款金额</span>
                   <span class="right">￥0.51</span>
               </p>
               <p class="detail-list">
                   <span class="left">应划款金额</span>
                   <span class="right">￥0.51</span>
               </p>
           </li>
       </ul>

    </div>
</div>
<script type="text/javascript" src="js/reconciliation.js"></script>
</body>
</html>